<template>
  <div class="content">
    <div class="contenta"></div>
    <div class="contentb">
      <ul>
        <li class="lie"></li>
        <li class="lib">
          <img src="/images/li4.jpg" width="59" height="14" /><br />
          <NuxtLink to="/software">软件开发</NuxtLink>
        </li>
        <li class="lif">
          专业的技术开发团队，让您的软件使用起来更方便、更安全、更专业。
        </li>
      </ul>
      <ul class="ula">
        <li class="lic"></li>
        <li class="lib">
          <img src="/images/li2.jpg" width="75" height="16" /><br />
          <NuxtLink to="/website">平面广告设计</NuxtLink>
        </li>
        <li class="lif">创意明确的形象广告设计，突显品牌的力量。</li>
      </ul>
      <ul class="ula">
        <li class="lia"></li>
        <li class="lib">
          <img src="/images/li1.jpg" width="29" height="15" /><br />
          <NuxtLink to="/website">网站建设</NuxtLink>
        </li>
        <li class="lif">
          提供专业的建站技术和和完善的售后服务，为您量身订制精品网站。
        </li>
      </ul>
      <ul class="ula">
        <li class="lid"></li>
        <li class="lib">
          <img src="/images/li3.jpg" width="84" height="18" /><br />
          <NuxtLink to="/website">SEO网站优化</NuxtLink>
        </li>
        <li class="lif">使用最新的技术优化网站，使您的网站排名始终靠前。</li>
      </ul>
    </div>
    <div class="contentc"></div>
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped>
.content {
  width: 965px;
  height: 150px;
  margin: 10px auto;
}

.contenta {
  float: left;
  background: url("/images/contenta_bg.jpg") no-repeat top center;
  margin: 0 auto;
  width: 10px;
  height: 149px;
  display: inline;
}

.contentb {
  float: left;
  background: url("/images/contentb_bg.jpg") repeat-x top center;
  width: 920px;
  height: 149px;
  margin: 0 auto;
  padding-left: 25px;
}

.contentb ul {
  width: 200px;
  padding-left: 30px;
  height: 120px;
  float: left;
  display: inline;
  padding-top: 30px;
}

.ula {
  background: url("/images/ul_bg.jpg") no-repeat right center;
}

.contentb ul li {
  float: left;
  display: inline;
  padding-left: 3px;
}

.lia {
  background: url("/images/ula.jpg") no-repeat top center;
  width: 80px;
  height: 40px;
}

.lib {
  font-size: 16px;
  font-family: "黑体";
  color: #5c5456;
  line-height: 25px;
}

.lic {
  background: url("/images/ulb.jpg") no-repeat left center;
  width: 44px;
  height: 40px;
}

.lid {
  background: url("/images/ulc.jpg") no-repeat left center;
  width: 61px;
  height: 40px;
}

.lie {
  background: url("/images/uld.jpg") no-repeat left center;
  width: 40px;
  height: 40px;
}

.lif {
  padding-top: 8px;
  line-height: 18px;
  width: 180px;
}

.contentc {
  float: right;
  background: url("/images/contentc_bg.jpg") no-repeat top center;
  margin: 0 auto;
  width: 10px;
  height: 149px;
  display: inline;
}
</style>